<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../dist/css/首页.css">
    <link rel="stylesheet" href="../dist/css/分类.css">
    <link rel="stylesheet" href="./font/iconfont.css">
</head>
<script src="../static/libs/javascripts/jQuery .js"></script>
<script src="../static/libs/javascripts/jquery.lazyload.js"></script>
<script src="./javascripts/分类.js"></script>
<script src="./javascripts/楼梯.js"></script>
<body>
    <!-- 头部导航栏 -->
    <header>
        <!-- 版心 -->
        <div class="box">
            <!-- logo -->
            <a href="https://www.damai.cn/"><img src="//img.alicdn.com/tfs/TB1fbVFfu3tHKVjSZSgXXX4QFXa-230-104.png"
                    alt="" id="img1"></a>
            <!-- 定位地址 -->
            <div class="positioning">
                <img src="//img.alicdn.com/tfs/TB1XHDuxNGYBuNjy0FnXXX5lpXa-28-32.png" alt="定位" id="img2">
                <span class="positioning-sp">北京</span>
                <img src="https://img.alicdn.com/tfs/TB1vnUBxStYBeNjSspaXXaOOFXa-20-12.png" alt="箭头" id="img3">
                <!-- 二级菜单 -->
                <div class="menu">
                    <!-- 二级菜单大盒子 -->
                    <div class="city">
                        <!-- 当前城市 -->
                        <div class="current-city">
                            <span class="sp1">当前城市 :</span>
                            <span class="sp2">北京</span>
                        </div>
                        <!--热门城市 -->
                        <div class="hot-city">
                            <span>热门城市 :</span>
                            <div class="hot-city-list">
                                <span>全国
                                </span>
                                <span>北京</span>
                                <span>上海</span>
                                <span>深圳</span>
                                <span>广州</span>
                                <span>天津</span>
                                <span>重庆</span>
                                <span>成都</span>
                                <span>杭州</span>
                                <span>中国香港</span>
                            </div>
                        </div>
                        <!-- 其他城市 -->
                        <div class="hot-city2">
                            <span>其他城市 :</span>
                            <div class="hot-city-list2">
                                <span>北京</span>
                                <span>上海</span>
                                <span>深圳</span>
                                <span>广州</span>
                                <span>天津</span>
                                <span>重庆</span>
                                <span>成都</span>
                                <span>杭州</span>
                                <span>太原</span>
                                <span>北京</span>
                                <span>上海</span>
                                <span>深圳</span>
                                <span>广州</span>
                                <span>天津</span>
                                <span>重庆</span>
                                <span>成都</span>
                                <span>杭州</span>
                                <span>太原</span>
                                <span>北京</span>
                                <span>上海</span>
                                <span>深圳</span>
                                <span>广州</span>
                                <span>天津</span>
                                <span>重庆</span>
                                <span>成都</span>
                                <span>杭州</span>
                                <span>太原</span>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <!-- 首页分类 -->
            <div class="home-page">
                <a href="https://www.damai.cn/" id="a1">首页</a>
                <a href="https://search.damai.cn/search.htm?order=1" id="a2">分类</a>
            </div>
            <!-- 登录和下载 -->
            <div class="sign-in">
                <!-- 登录 -->
                <div class="sign-in1">
                    <img src="//img.alicdn.com/tfs/TB14UKCGQyWBuNjy0FpXXassXXa-54-54.png" alt="">
                    <div class="sign-in2">
                        <a href="#"><span>登录</span></a>
                    </div>
                </div>
                <!-- 下载 -->
                <div class="download">
                    <img src="//img.alicdn.com/tfs/TB1A9eIGKuSBuNjy1XcXXcYjFXa-54-54.png" alt="">
                    <span>下载</span>
                    <!-- 二级菜单二维码 -->
                    <div class="qr-code">
                        <img src="//img.alicdn.com/tfs/TB1TBEJSkvoK1RjSZFNXXcxMVXa-280-280.jpg" alt="">
                    </div>
                </div>
            </div>
            <!-- 搜索框 -->
            <div class="search-box">
                <img src="//img.alicdn.com/tfs/TB1qv3jxGmWBuNjy1XaXXXCbXXa-34-36.png" alt="搜索">
                <input type="text" placeholder="搜索明星、演出、体育赛事" class="int">
                <div class="search">搜索</div>
            </div>
        </div>
    </header>
    <!-- 主体 -->
    <section>
        <div class="search-box-top">共<span>58</span>个商品</div>
        <!-- 分类 -->
        <div class="classification1">
            <!-- 左 -->
            <div class="classification1-lt">
                <!-- 上半部分城市分类 -->
                <div class="search-factor">
                    <div class="factor-item factor-item1">
                        <span class="factor-title">城市:</span>
                        <div class="factor-content">
                            <!-- 当前城市 -->
                            <div class="factor-selected">
                                当前选中城市
                                <span>北京</span>
                            </div>
                            <div class="factor-content-main">
                                <span>全部</span>
                                <div class="factor-content">
                                    <span>上海</span>
                                    <span class="active">北京</span>
                                    <span>天津</span>
                                    <span>杭州</span>
                                    <span>成都</span>
                                    <span>深圳</span>
                                    <span>苏州</span>
                                    <span>武汉</span>
                                    <span>西安</span>
                                    <span>广州</span>
                                    <span>南京</span>
                                    <span>重庆</span>
                                    <span>长沙</span>
                                    <span>郑州</span>
                                    <span>厦门</span>
                                    <span>沈阳</span>
                                    <span>宁波</span>
                                    <span>青岛</span>
                                    <span>大连</span>
                                    <span>昆明</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="factor-item factor-item2">
                        <span class="factor-title">分类</span>
                        <div class="factor-content">
                            <div class="factor-content-main">
                                <span>全部</span>
                                <div class="factor-content">
                                    <span>音乐会</span>
                                    <span>话剧歌剧</span>
                                    <span class="sp1">演唱会</span>
                                    <span>曲苑杂坛</span>
                                    <span>展览休闲</span>
                                    <span>舞蹈芭蕾</span>
                                    <span>体育</span>
                                    <span>其他</span>
                                    <span>儿童亲子</span>
                                    <span>旅游演艺</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="factor-item factor-item3">
                        <span class="factor-title">子类</span>
                        <div class="factor-content">
                            <div class="factor-content-main">
                                <span class="sp1">全部</span>
                                <div class="factor-content">
                                    <span>liveouse</span>
                                    <span>其他</span>
                                    <span>旅行</span>
                                    <span>音乐节</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="factor-item factor-item4">
                        <span class="factor-title">时间</span>
                        <div class="factor-content">
                            <div class="factor-content-main">
                                <span class="sp1">全部</span>
                                <div class="factor-content">
                                    <span>今天</span>
                                    <span>明天</span>
                                    <span>本周末</span>
                                    <span>一个月内</span>
                                    <span>按日历</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 排序分类 -->
                <div class="lt-sort">
                    <div class="sort-left">
                        <span>相关度排序</span>
                        <span>推荐排序</span>
                        <span>最近开场</span>
                        <span>最新上架</span>
                    </div>
                    <div class="sort-right">
                        <a href="#" class="iconfont icon-angle-left"></a>
                        <div>
                            <span>1</span>
                            /
                            <span>2</span>
                        </div>
                        <a href="#" class="iconfont icon-angle-right"></a>
                    </div>
                </div>
                <!-- 所有商品列表 -->
                <div class="search_itemlist">
                    <!-- <div class="item_main wnqc"> -->
                        <!--左半部分 -->
                         <!--<a href="#">
                            <img src="//img.alicdn.com/bao/uploaded/https://img.alicdn.com/imgextra/i3/2251059038/O1CN016EDc6j2GdSKw42GLQ_!!2251059038.jpg_q60.jpg_.webp"
                                alt="">
                            <span>演唱会</span>
                        </a> -->
                        <!-- 右半部分 -->
                        <!-- <div class="items_txt">
                            <div class="items_txt_title">
                                <span class="sp1">【北京】</span>
                                <span class="sp2">M-LAB 呈献 | 虎啸春「回到现场」2021 巡演 北京站</span>
                                <div class="items_txt_time">
                                    艺人：虎啸春
                                </div>
                            </div>
                            <div class="items_txt_time items_txt_time1">
                                <a href="#"></a>
                                北京 | 疆进酒·OMNI SPACE
                            </div>
                            <div class="items_txt_time items_txt_time2">
                                <a href="#"></a>
                                2021.09.26 周日 20:30
                            </div>
                            <div class="items_txt_price">
                                <span>90-100<i>元</i></span>
                                售票中
                            </div>
                        </div>
                    </div> -->
                    
                </div>
            </div>

            <!-- 右 -->
            <div class="classification1-rt">
                <div class="search_title">
                    您可能喜欢
                </div>
                
                <div class="search_box">
                <div class="box">
                    <div class="search_item">
                        <div class="search_item_info">
                            <img src="//img.alicdn.com/bao/uploaded/i3/2251059038/O1CN01PJvNeh2GdSKwH4oK1_!!2-item_pic.png_q60.jpg_.webp" alt="">
                        </div>
                        <div class="search_item_info1">
                                <a href="#">【全场畅饮】午后冲浪手Vol.2The Twenties+Since TMRW+Ghostnote+</a>
                                <div class="search_item_info_venue">
                                    MAO Livehouse北京
                                </div>
                                <div class="search_item_info_venue">
                                    2021.08.21 周六 14:30
                                </div>
                                <div class="search_item_info_price">
                                    <strong>100元</strong>
                                    起
                                </div>
                        </div>
                    </div>
                  </div>
                  <div class="box">
                    <div class="search_item">
                        <div class="search_item_info">
                            <img src="//img.alicdn.com/bao/uploaded/i2/2251059038/O1CN01vmANVi2GdSL3GGCMe_!!2-item_pic.png_q60.jpg_.webp" alt="">
                        </div>
                        <div class="search_item_info1">
                                <a href="#">The Summer 全场酒水畅饮狂欢派对</a>
                                <div class="search_item_info_venue">
                                    MAO Livehouse北京
                                </div>
                                <div class="search_item_info_venue">
                                    2021.08.26 周四 20:00
                                </div>
                                <div class="search_item_info_price">
                                    <strong>99.0元</strong>
                                    起
                                </div>
                        </div>
                    </div>
                  </div>
                  <div class="box">
                    <div class="search_item">
                        <div class="search_item_info">
                            <img src="//img.alicdn.com/bao/uploaded/https://img.alicdn.com/imgextra/i2/2251059038/O1CN016oyxk62GdSL0Bcinx_!!2251059038.png_q60.jpg_.webp" alt="">
                        </div>
                        <div class="search_item_info1">
                                <a href="#">全场畅饮 | 七夕 「来屋好事」 甜蜜派对 北京站</a>
                                <div class="search_item_info_venue">
                                    MAO Livehouse北京
                                </div>
                                <div class="search_item_info_venue">
                                    2021.08.14-08.15
                                </div>
                                <div class="search_item_info_price">
                                    <strong>80.0元</strong>
                                    起
                                </div>
                        </div>
                    </div>
                  </div>
                </div>
                
            </div>
        </div>
    </section>
    <!-- 尾部 -->
    <footer>
        <div class="btm">
            <ul class="btm-list">
                <li class="li1">帮助中心</li>
                <li class="li2">|</li>
                <li class="li1">公司介绍</li>
                <li class="li2">|</li>
                <li class="li1">品牌识别</li>
                <li class="li2">|</li>
                <li class="li1">公司大事记</li>
                <li class="li2">|</li>
                <li class="li1">协议及隐私权政策</li>
                <li class="li2">|</li>
                <li class="li1">廉政举报</li>
                <li class="li2">|</li>
                <li class="li1">联系合作</li>
                <li class="li2">|</li>
                <li class="li1">招聘信息</li>
                <li class="li2">|</li>
                <li class="li1">防骗秘籍</li>
                <li class="li2">|</li>
            </ul>
            <div class="btm-footer">
                <!-- 左 -->
                <div class="btm-lt">
                    <div class="logo">
                        <a href="https://www.damai.cn/?spm=a2o6e.home.0.0.591b48d3QzpG8B">
                            <img src="https://img.alicdn.com/tfs/TB1otMASmzqK1RjSZPxXXc4tVXa-167-60.png" alt="logo">
                        </a>
                    </div>
                    <div class="erweima">
                        <img src="//img.alicdn.com/tfs/TB1TBEJSkvoK1RjSZFNXXcxMVXa-280-280.jpg" alt="">
                        <span>APP下载</span>
                    </div>
                </div>
                <!-- 右 -->
                <div class="btm-rt">
                    <!-- 在线客服 -->
                    <div class="service"><a href="https://online.damai.cn/alime/index?from=damai_pc_item&v=3">在线客服</a>
                    </div>
                    <!-- 许可证 -->
                    <ul class="permit-list">
                        <li class="li1">
                            京ICP证O31057号
                        </li>
                        <li class="li2">|</li>
                        <li class="li1">
                            京ICP备11043884号
                        </li>
                        <li class="li2">|</li>
                        <li class="li1">
                            京公网安备11010502037341号
                        </li>
                        <li class="li2">|</li>
                        <li class="li1">
                            广播电视节目制作经营许可证(京)字第02253号
                        </li>
                    </ul>
                    <!--经营 -->
                    <ul class="management-list">
                        <li class="li1">网络文化经营许可证京网文[2019]4082-420号
                        </li>
                        <li class="li2">|</li>
                        <li class="li1">营业性演出许可证京市演587号
                        </li>
                    </ul>
                    <!-- 公司 -->
                    <ul class="management-list">
                        <li class="li1">北京大麦文化传媒发展有限公司版权所有大麦网Copyright 2003-2020 All Rights Reserved
                        </li>
                    </ul>
                    <!-- 举报投诉 -->
                    <ul class="management-list">
                        <li class="li1">举报投诉: damai_tousu@member.alibaba.com浙江省杭州市余杭区文一西路969号
                        </li>
                    </ul>
                    <!-- 举报电话 -->
                    <ul class="management-list">
                        <li class="li1">违法不良信息举报电话:020-62108294
                        </li>
                    </ul>
                    <!-- 网站底部诚信图片 -->
                    <div class="foot-img">
                        <img src="//img.alicdn.com/tfs/TB1ZO80pyOYBuNjSsD4XXbSkFXa-141-41.png" alt="电子营业执照"
                            class="img1">
                        <img src="//img.alicdn.com/tfs/TB1Y580pyOYBuNjSsD4XXbSkFXa-83-50.png" alt="" class="img2">
                        <img src="//img.alicdn.com/tfs/TB1C4nNxTlYBeNjSszcXXbwhFXa-114-42.png" alt="" class="img3">
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <ul class="stairs">
        <li class="li1">
            <div></div>
            <p>APP下载</p>
        </li>
        <li class="li1 li2">
            <div></div>
            <p>回到顶部</p>
        </li>
    </ul>
</body>

</html>